<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>房屋添加</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/add.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/lib/bp.css">
	<style type="text/css">
		.breadcrumb{
			margin-bottom:0;
		    padding-bottom: 20px;
		}
		.breadcrumb,.breadcrumb li{
			font-size:20px;
			background: white;
			line-height: 50px;
		}
		.breadcrumb li a:hover{
			text-decoration: underline;
		}
		.form-control{
			height: auto;
		}
		.form-group{
			overflow: hidden;
			margin-bottom: 30px;
		}
		.sub{
			width:300px;
			margin-left:150px;
			display: flex;
			justify-content: space-around;
		}
		.btn{
			width: 80px;
		}
	
	</style>
</head>
<body style="background: #f5f5f5">
	
	<div class="header">
		<h1><a href="#">青年公寓项目</a></h1>
		<div class="user">
			<a href="#">${user}用户</a>
			<a href="${pageContext.request.contextPath}/user/exit">退出</a>
		</div>
	</div>
	<div style="margin: 25px 150px;">
		<div style="border-radius:5px;">
			<ol class="breadcrumb">
				<li><a href="${pageContext.request.contextPath}/house/huoseList?index=1">公寓管理</a></li>
				<li><a href="${pageContext.request.contextPath}/house/huoseList?index=1">房屋信息</a></li>
				<li class="active">房屋添加</li>
			</ol>
			<div style="padding: 0 150px;overflow: hidden;background: white;">
					<!-- onsubmit="subForm()" -->
				<form action="${pageContext.request.contextPath}/house/addHouse" method="post" 
					  class="form-horizontal" enctype="multipart/form-data" >
					 <div class="form-group">
					    <label class="col-sm-2 control-label">所属地区</label >
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_area" placeholder="所属地区">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">所属小区</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_estate" placeholder="所属小区">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">单元号</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_unitNumber" placeholder="单元号">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">所属楼层</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_floor" placeholder="所属楼层">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">房间号</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_roomNo" placeholder="房间号">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">面积</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_acreage" placeholder="面积">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">朝向</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_direction" placeholder="朝向">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">是否双气</label>
					    <label class=" radio-inline" style="margin-left: 15px;">
					    	<input type="radio" name="h_isDoubleAir" value="0" checked="checked">是
					    </label >
					    <label  class=" radio-inline">
				    		<input type="radio" name="h_isDoubleAir" value="1">否
					    </label >
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">装修</label>
					    <label class=" radio-inline" style="margin-left: 15px;">
					    	<input type="radio" name="h_fitment" value="精装" checked="checked">精装
					    </label >
					    <label  class=" radio-inline">
				    		<input type="radio" name="h_fitment" value="简装">简装
					    </label >
					  </div>
					  <div class="form-group cradio">
					    <label  class="col-sm-2 control-label">限住人数</label>
					    <div class="col-sm-5">
					    	<select name="h_limit" style="width: 100px;height: 25px;">
					    		<option value="1">单人间
					    		<option value="2">双人间
					    		<option value="3">三人间
					    		<option value="4">四人间
					    	</select>
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">配套设施</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_facility" placeholder="配套设施">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">价格</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_price" placeholder="出租价格">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">房屋状态</label>
					    <label class=" radio-inline" style="margin-left: 15px;">
					    	<input type="radio" name="h_status" value="1" checked="checked">已出租
					    </label >
					    <label  class=" radio-inline">
				    		<input type="radio" name="h_status" value="2">未出租
					    </label >
					    <label  class=" radio-inline">
				    		<input type="radio" name="h_status" value="3">停止出租
					    </label >
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">详细地址</label>
					    <div class="col-sm-5">
					    	<input class="form-control" name="h_address" placeholder="小区所在完整信息地址">
					    </div>
					  </div>
					  <div class="form-group">
					    <label  class="col-sm-2 control-label">房屋图片</label>
					    <div class="col-sm-5">
					    	<input type="file" name="h_imgs" >
					    </div>
					  </div>
					  <div class="sub" >
					 		<input type="submit" value="提交" class="btn btn-info">
					 		<input type="button" value="取消" class="btn btn-info" onclick="window.history.back();">
					  </div>
				</form>
				<div class="footer">
				智游教育 ©2018 河南智游臻龙教育科技有限公司
			</div>
			</div>
			
		</div>
		
	</div>
	<!-- 表单验证待完成 -->
	<script type="text/javascript">
		
	</script>
</body>
</html>